# Синтаксис css

2024-03-10

114

# Синтаксис css

Работа с атрибутами

<div id="example_id">
div#example_id

<div class="example_class">
div.example_class

<div class="example_class">
    <div name="test"/>
</div>

div.example_class > div[name="test"]

<div class="example_class">
    <div name="test" index="1"/>
    <div name="test" index="2"/>
</div>

div.example_class > div[name="test"][index="2"]

<div class="example_class">
    <div name="test" index="1"/>
    <div name="test" index="2"/>
</div>

div[name]

<div class="example_class">
    <div name="test"/>
</div>

div[class*="ample_cl"]

<div class="example_class">
    <div name="test"/>
</div>

div[class^="examp"]

<div class="example_class">
    <div name="test"/>
</div>

div[class$="_class"]

div > a

если нам неважно, какой именно элемент находится в цепочке, но требуется указать, что перед искомым должно быть определённое количество любых других элементов, то используется знак *:

ul > * > * > img

div a
ul li div img

ul li:nth-child(3)
ul li:first-child
ul li:last-child

div.example_class + li